<template>
<div>
  <el-row type="flex">
    <el-col :span="12">
      <div class="input-right">
        <el-input ></el-input>
      </div>
    </el-col>
    <el-col :span="12">
      <div class="input-left">
        <el-input placeholder="至"></el-input>
      </div>
    </el-col>
  </el-row>
</div>
</template>

<script>
export default {
  name: 'inputAreaModel',

}
</script>
<style lang="scss" scoped>

.input-left{
  .el-input__inner{
    border-left: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
}

.input-right{
  .el-input__inner{
    border-right: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}
</style>
